/*
================================================
autosuggest search
================================================
*/
div.autosuggest
{
	position: absolute;
        margin-top: 0px ;
	padding:  0px;
        z-index: 900; /* always on top */
        border-color: #999;
        border-style: solid;
        border-left-width: 1px;
        border-right-width:  1px;
        border-bottom-width: 1px;
        border-top-width: 0px;
        background-color: #fff;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0px;
	overflow: hidden;
}


div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 0px;
	
}

div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #fff;

}


div.autosuggest ul
{
	list-style: none;
	margin:  0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #333;
	display: block;
	text-decoration: none;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #fff;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #FBEFFB;/*rosita*/
}

div.autosuggest ul li a span
{
	display: block;
	padding: 5px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #666;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #000;
}

div.autosuggest ul li.as_highlight a
{
	color: #333;
	background-color: #FBEFFB;/*rosita*/
	
}



div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #B40404;
}


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Header */


.button-grey {
	background-color:transparent;
	display:block;
	bottom:0.5em;
	height:26px;
	text-align:center;
	font-size:12px;
	right:10px;
	float:right;
}

.button-grey a {
	background-image: url('../grey_button.png');
	background-position:center center;
	background-repeat: repeat-x;
	color:#fff;
	float:left;
	font-size:1em;
	height:26px;
	line-height:26px;
	border: none !important;
}

.button-grey-start{
	background-image: url('../grey_button.png');
	background-position:left top;
	height:26px;
	width:13px;
	float:left;
}

.button-grey-end{
	background-image: url('../grey_button.png');
	background-position:right bottom;
	height:26px;
	width:13px;
	float:left;
}




#header li {
	display: inline;
	padding: 0;
}

ul.personal {
	margin: 0 0 0 0;
	padding-top: 0;
}

#header {
	position: relative;
	min-height: 49px;
	
	height: 3em;
	margin-top:6px;
	margin-bottom:0px;
	
}

#ignored {
	
}

#header h4 {
	position: absolute;
	top: 0;
	left: -2px;
	margin: 0;
	font-size: 2px;
	z-index: 10; /* above the UL */
}

#header h4 a {
	display: block;
	width: 268px;
	height: 64px;
	text-indent: -700em;
	text-decoration: none;
}

#header ul {
	position:relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
	padding-top:4px;
	padding-left:0px;
	padding-right:0px;
	font-size:1.1em;
	
	left:0px;
	top: 24px;
	bottom: 40px;
	margin: 0;
	text-align:left;
	z-index: 90; /* below the H1 */
}



#header ul a {
	
	color: #000;
	text-decoration: none;
}

#header ul li:hover a {
	text-decoration: none;
	color: #666;
}

#header ul li:hover {
	text-decoration: none;
}



#header li {
	padding-left: 4px;
	padding-right: 4px;

}
#header ul li.selected a {
	color: #C11B17;
}
#header ul li.selected {
	color: #C11B17;
}


div#header { clear: both; }

#header h4 a {
	background: url("../logo_soundshare.gif") no-repeat;
	width: 258px;
	margin-top:-24px;
}

.index_files_claim {
	position: absolute;
	color:#000;
	top: -10px;
	left: 0px;
        text-align: left;
	z-index: 200; /* below the H1 */
}

/* Search Field */
#header form {
	position: absolute;
	float:left;
	z-index: 600;
	margin-left: 273px;
	margin-top: -10px;
	
}

#header form label {
	color: #666;
	font-size: 85%;
	display: inline;
	padding-left: 0px;
}

#header  input  {
	font-size: 1.5em;
	font-weight: bold;
	
	vertical-align: middle;
	color:#666;
}

#header .searchButton {
	font-size: 1.4em;
	/*background: #C11B17;*/
	color: #fff;
	border: none;
	background: url('../button-red-background.gif') no-repeat top left;
	padding: 4px 10px ;
}

#header form #q {
	width: 300px;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #999;
	color: #000;
	background: #FFF;
	padding: 2px;
}

#bocata {
	text-align:right;
        
}

#bocata #searchDiv {
	height: 32px;

	
}

#bocata #searchBox {
	display: block;
	margin-top:10px;
	margin-right:20px;
	padding-right:120px;
	margin-left:30px;
}

#bocata #searchBox form {
	margin-top: 1px;
	z-index: 800;
	text-align:left;
}

#bocata form#search {
	margin-top: 1px;
	z-index: 800;
	text-align:right;
}



#bocata #searchBox input {
	font-size: 1.5em;
	font-weight: bold;
	border: 2px black solid;	
	vertical-align: middle;
	color:#666;
	width:100%;
}

#bocata .searchButton {
	font-size: 1.4em;
	/*background: #C11B17;*/
	color: #fff;
	border: none;
	background: url('../button-red-background.gif') no-repeat top left;
	padding: 4px 10px ;
	margin:0px;
	width: 100px !important;
	position:relative;
	top:-32px;
	left:-30px;
}

/*
#bocata #real-content #inner-content {
	width: 100%;
}*/

#bocata #real-content {
	overflow:auto;
}

/* Sidebar */
#nav:before {
	line-height: 0.1;
	font-size: 1px;
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
}

#nav { /*background: #E0E9E9;*/
	
}

#nav:after {
	display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	margin: 0 0 0 0;
	height: 8px;
	border-top: 1px solid #fff;
}

#nav,#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav {
	/*margin-bottom: 1em;*/
}

#nav li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav li span { /* used for un-linked menu items */
	display: block;
	padding: 6px 10px;
	font-weight: bold;
	color: #666;
}

#nav li span#configParent,#nav li span #configuration {
	display: inline;
	font-weight: normal;
	padding: 0;
}

#nav li a {
	display: block;
	padding: 2px 2px;
	text-decoration: none;
}

#nav li a:hover {
	background: #EEE;
}

#nav li li span { /* used for un-linked menu items */
	padding: 4px 8px 4px 20px;
}

#nav li li a {
	padding: 6px 8px 6px 20px;
}

/* bocata round corners stuff */
dl,dt,dd { /* suppression of all margins */
	margin: 0;
	padding: 0;
}

dl {
	right: 3em;
	top: 10px;
	padding: 5px;
	
	
}

dt {
	height: 48px;
	background: #fff url("../haut.gif") top left no-repeat;
	line-height: 0;
	/*text-align: center;  centered title, bug IE*/
}

dd {
	border: solid #000;
	/* sizse and color for borders on the right and left */
	border-width: 0 8px;
	padding-left:20px;
	padding-right:20px;
	/* left and right padding to avoid text appearing over borders */
}

.image-download {
	border: none;
	text-decoration: none;
	border-width: 0 8px;
	padding: 20px 32px;
}

.nofile-download {
	margin-top:-10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	min-height:100px;
	text-align:left;
}
/*
.nofile-download h2 {
	margin-top: -65px;
	font-size:22px;
	padding-left: 0px;
	text-align:left;
	color: #fff;
	
}*/


.file-download {
	padding-top: 10px;
	padding-left: 20px;
}

.nofile-download textarea {
	padding: 5px;
	width: 98%;
}

.file-download h1 {
	padding-top: 0px;
	padding-bottom: 25px;
	padding-left: 120px;
	color: #999;
}

.file-download p {
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.file-download  span {
	display: block;
	padding-top: 4px;
	overflow: hidden; /*need for link string overflow*/
	word-wrap: break-word; /* need for IE, extreme long string */
}

.file-rating {
	text-decoration: none;
	float: right;
	padding-right: 0px;
	
}


.ilikethis {
	text-decoration: none;
	float: right;
	margin-top: -25px;
}

#ilikethis_notice{
  font-size:11px;
}

.dlinks {
	border: 1px solid;
	margin: 0px 0px;
	padding: 15px 10px 15px 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	position: relative;
	color: #ddd;
	background-color: #f0eeee;
}


.tabledatafile{
	width:100%;
	border:none;
	text-align:center;
}


.tabledatafile TH{
	background-color:#000;
	color:#fff;
	
	border:none;
}


#dlinks a {
	
	font-weight:normal;
	color:#035ea2;
	line-height:1em;
	
}

.ddata {
	border: 0px;
	margin: 0px;
	padding-left: 0;
	padding-top: -230px;
	padding-bottom: 10px;
	position: relative;
	font-size: 1em;
}

.thumbmtv {
	position: relative;
	width: auto;
	float: right;
	padding-right: 0px;
	margin-top: 5px;
}


.similar-files{
	top: 10px;
	background-color:#fff;
	position: relative;
	z-index:300;
	width: 250px;
	float: right;
	padding-right: 0px;
	margin-top: -20px;
	font-size: 11px;
 
}


.similar-files span{

  margin:1px;
}


.tops{
	
	width:auto;
	padding-top:20px;
}


.tops ol{
	list-style:none;
	list-style-position: outside;	
}

.tops li h1 {
	display:none;
}

.tops li {
	overflow:auto;
}

.tops li .tops-title {
	padding-top:10px;
	padding-bottom:6px;
	margin-left:0px;
	margin-top: 10px;
	padding-left:10px;
	font-size:1.6em;
	line-height:1.05em;
	background-color:#D1D1D1;
}

.tops-title-pic {
	padding-left: 115px !important;
}

.tops li .tops-title .button-grey {
	margin-top: -3px;
	margin-right: 10px;
}

.tops-excerpt{
	margin:0px;
	padding-top:0px;
	padding-bottom:6px;
	padding-left:10px;
}

.tops-excerpt .floatleft {
	margin-top: -43px;
	margin-left: 8px;
	margin-bottom:0px;
}


.tops-excerpt p {
	margin-top:4px;
	margin-bottom:4px;
}

.tops-popular {
	font-size:1.4em;
	line-height:1.4em;
	background-color:#999;
	color:#fff;
	text-align:right;
	padding-right:130px;
	padding-bottom:0;
	padding-top:0;
	margin-top:2px;
	margin-bottom:2px;
}

.tops-popularity {
	float: right; 
	margin-right: 2px; 
	text-align: center;
	width: 140px;
}

.share-links {
	position: relative;
	width: auto;
	float: left;
	padding-left: 350px;
	margin-top: -38px;
	font-size: 11px;
	z-index:400;
}

.dlinks span {
	padding: 8px;
}


textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	background-color: #FFFFFF;
	color: #000000;
	padding: 0.2em 0.1em;
}

input {
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	background-color: #FFFFFF;
}

input:focus,select:focus,textarea:focus {
	border-style: solid;
	border-color: #C11B17;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

.sscomment {
	clear:right !important;
	float:left;
	width:100%;
	position:relative;
}

.dcomment {
	clear:right !important;
	float:left;
	margin-right: 220px;
	margin-left: 122px;
	margin-bottom: 122px;
	width:400px;
	top:30px;
	right:0px;
	position: relative;
	z-index:200;
}

.dcomment textarea {
	margin-top: -85px;
	width: 350px;
	height: 130px;
	border-style: solid;
	border-width: 0px;
	float:right;
	background-color: transparent;
	color: #545454;
	
}


.dcomment_soundsy {
	left: -122px;
	top:-20px;
	float:left;
	z-index:230;
	position: relative;
	
}


.dedos {
	float:right;
	right:0;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-top: 35px;
	margin-bottom: 35px;
	
	border: 6px solid #000;
	padding: 10px;
	background-color: #fff;
}

div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}

div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}

div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url("../tip-rounded.gif") no-repeat 15px 0;
}

/* Pimped Bubble , file mp3 comments*/
div#pimped.bubble {
	font-size: 0.9em;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left:35px;
	align:center;
	width:93%;
}

div#pimped span {
	font-size: 1.5em;
	padding-right: 10px;
	padding-left: 16px;
}

div#pimped.bubble div.rounded {
	color: #111;
	border: 3px solid #eee;
	background-color: #eee;
}

div#pimped.bubble cite.rounded {
	background: transparent url("../tip-pimped.gif") no-repeat 15px 0;
}

.comment-link {
	
	float: right;
	padding-top:10px;
}

#bocatabas {
	height: 49px;
	background: transparent url("../bas.gif") bottom left no-repeat;
	border: 0 none; /* no lateral border for the lower part */
	padding: 0; /* no text, so no padding */
	margin-top:-20px;
}

#bocatapiquito {
	display: block;
	/* title image places in block to avoid errors of spacing */
	/*margin: right;  centered title */
	top: 0;
	right: 323px;
	float: right;
	border: 0 none;
	margin-right: -62px;
	margin-top: -13px;
}

#bocatadroitehaut { /* position of upper floating corners */
	float: right;
}

#bocatadroitebas { /* position of upper floating corners */
	float: right;
}

/* STAR RATING */
.star-rating {
	text-decoration: none;
	list-style-type: none;
	text-margin-left: 5px !important;
	padding: 0px;
	width: 125px;
	height: 25px;
	position: relative;
	background: url("../alt_star.gif") top left repeat-x;
}

.star-rating li {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

.star-rating li a {
	font-style: normal;
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.star-rating li a:hover {
	text-decoration: none;
	background: url("../alt_star.gif") left bottom;
	z-index: 2;
	left: 0px;
}

.star-rating li a:active a:focus {
	text-decoration: none;
	width: 0;
	height: 0;
	outline: 0; /* Para los navegadores que lo entienden */
}

.star-rating a.one-star {
	left: 0px;
}

.star-rating a.one-star:hover {
	text-decoration: none;
	width: 25px;
}

.star-rating a.two-stars {
	text-decoration: none;
	left: 25px;
}

.star-rating a.two-stars:hover {
	text-decoration: none;
	width: 50px;
}

.star-rating a.three-stars {
	left: 50px;
}

.star-rating a.three-stars:hover {
	width: 75px;
}

.star-rating a.four-stars {
	left: 75px;
}

.star-rating a.four-stars:hover {
	width: 100px;
}

.star-rating a.five-stars {
	left: 100px;
}

.star-rating a.five-stars:hover {
	width: 125px;
}

.star-rating li.current-rating {
	text-decoration: none;
	background: url("../alt_star.gif") left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}


/*faja_gris styles*/


.faja_gris{
    width: 100%;
    text-align: center;
     background-color: #c2c2c2;
}



.faja_gris_container{
    background-color: #c2c2c2;
    position: relative;
    width: 900px;
    height: 200px;
    margin:0 auto 0 auto;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;

}


.faja_gris_container h4{
    display: block;
    font-weight: bold;
    margin-top: 27px;
    margin-left: 130px;
    line-height:0.8em;
}

.faja_gris_container ul{

    position: relative;
    list-style: none;
    list-style-type: none;
    top: 0px;
    left:70px;

    
}

.faja_gris_container a{

    color: gray;

}

.faja_gris_container a:hover{

    color: black;

}


.faja_gris_container li{
   
    padding-top: 5px;
    padding-left: 25px;
    font-weight: normal;
    font-size: 20px;
}


.faja_gris_column1{
    background-color: #c2c2c2;
    background: url(../faja_gris_community.gif) no-repeat top left;
    position:relative;
    height: 180px;
    width: 300px;
    float: right;
   
}



.faja_gris_column2{
    
     background: url(../faja_gris_wiki.gif) no-repeat top left;
     position:relative;
      float: right;
     height: 180px;
     width: 300px;
    

}


.faja_gris_column3{
     
     background: url(../faja_gris_p2p.gif) no-repeat top left;
     position:relative;
     height: 180px;
     width: 300px;
    float: right;

}



/* userlogin styles */


.page-Special_UserLogin h1 {
    position: absolute;
    color:red ;
    visibility: hidden;

}


.page-Special_UserLogin h3 {
    position: relative;
    float: left;
    z-index: 0;
    margin: 0px !important;
    top:-22px;
    left: 0px;
    font-size: 2.3em;

}


.page-Special_UserLogin h5 {
    position: relative;
    float: left;
    z-index: 0;
    margin: 0px !important;
    top:0px;
    left: 0px;
    font-size: 1.8em;
    font-weight: normal;
    color:gray;
    line-height: 1em;

}


.page-Special_UserLogin h2 {
    position: absolute;
    float: left;
    z-index: 0;
    margin-top: -0px !important;
    top:22px;
    left: 34px;
    font-size: 1.3em;


}



#userloginlink {
    position: relative;
    display: inline;
    text-align: right;
    
}


div#userloginForm form,div#userlogin form#userlogin2 {
	/*margin: 0 3em 1em 0;*/

        margin-top: 20px;
	padding: 1.2em 0.1em;
	text-align:left;
}

h2

div#userloginForm table,div#userlogin form#userlogin2 table {
	/*background-color: #f9f9f9;*/
        float:left;
        margin-top: 20px;
}

div#userloginForm h2,div#userlogin form#userlogin2 h2 {
	margin-top: -110px;
	font-size:22px;
	color:#fff;
	
}

div#userlogin .captcha,div#userloginForm .captcha {
	border: 1px solid #bbb;
	padding: 1.5em 2em;
	background-color: white;
	
}

#userloginprompt,#languagelinks {
	font-size: 85%;
}

#login-sectiontip {
	font-size: 85%;
	line-height: 1.2;
	padding-top: 2em;
}

#userlogin .loginText,#userlogin .loginPassword {
	width: 12em;
}

#userloginlink a,#wpLoginattempt {
	font-weight: bold;
	background-color: #C11B17;
	border: 1px solid #C11B17;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	margin-top: 1px;
	padding: 0 2px;
}

#wpMailmypassword {
	cursor: pointer;
	font-weight: bold;
}

/* siteNotice */
#siteNotice {
	border: 1px solid #FF9933;
	background: #FFFFCC;
	margin: 0;
	padding: .9em;
	font-size: 100%;
}

#siteNotice p {
	margin: 0;
	padding: 0;
}

#siteNotice table {
	background: transparent;
	margin: 0;
	padding: 0;
}

/* menutabs ss search results*/
ul#menuTabs {
	background: #FFFFFF url("../bg_menuTabs.gif") repeat-x scroll center
		bottom;
	color: #FFFFFF;
	height: 33px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	width: 100%;
}

ul#menuTabs li a#on:link,ul#menuTabs li a#on:visited,ul#menuTabs a#on:hover
	{
	background: #666666 url("../bg_Tabs.gif") repeat scroll center top;
	color: #000000;
	float: left;
	text-decoration: none;
}

ul#menuTabs li a:link,ul#menuTabs li a:visited {
	background: #fff url("../bg_Tabs.gif") repeat scroll center bottom;
	color: #000;
	float: left;
	font-size: 12px;
	font-variant: normal;
	font-weight: normal;
	height: 23px;
	line-height: 1.5;
	padding: 10px 0 0;
	text-align: center;
	text-decoration: none;
	width: 93px;
}

/* basetemplate  ********************************************************************************/
	/* Basic Structure */
#container {
	/*this is the main that wraps all the page, except the footer */
	margin-top: 0;
	padding-top: 1.8em;
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-bottom: 1.1em;
}

#wrapper {
	float: left;
	width: auto;
}

#loginBox {
	position: inherit;
	float: right;
	clear: both;
	z-index: 140;
	margin-top: -20px;
	text-align: center;
	padding-right: 38px;
}

#languageselector1 {
	position: absolute;
	top: 8px;
	right: 20px;
	z-index: 220; /* below the header */
	color: #999;
	background-color: #FFF;
	font-size: 11px;
	height: 20px;
	
	
}

.language-selector {
	right: 10px;
	position: absolute;
	top: 30px;
	background-color:#FAFAFA;
	border:1px solid #CCCCCC;
	z-index: 240; /* below the header */
	clear:both;
	font-size:13px;
	/*width: 83%;*/
	margin:0 0 5px;
	padding:8px 10px;
	text-align:left;

}

.flag-bucket {
	float:left;
	padding-bottom:7px;
	width:170px;
}

.flag-list .flag-div {
	padding-right:5px;
	padding-top:5px;
	white-space:nowrap;
}

.cleartip {
	clear:both !important;
}

#mainContent {
	position:relative;
	margin-top: 0px;
	/*margin-bottom: 2em;*/
	margin-left:80px;
	margin-right: -28px !important; /*very important to thight the piquito bocata */
	
}

#mainContent a {
	font-weight: bold;
}

#mainContent a:hover {
	border-bottom:1px solid black;
}

#mainContent a:active {
	border-bottom:1px solid #C11B17;
}

#bocata {
	position: relative;
	height:auto;
	width: auto;
	margin-top: 13px;
	background-color:#fff;
	margin-left:30px;
	margin-right:210px;
	z-index:119;
}


#no-bocata {
	position: relative;
	width: auto;
	background-color:#fff;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:60px;
	margin-right:240px;
	z-index:119;
}

#no-bocata h1 {
	margin-top:30px;
}

#no-bocata h2 {
	margin-top:20px;
}

.nomenu #mainContent {
	float: none;
	width: auto;
}

.innerFile {
	border: solid 1px black;
}


/* Sidebar */
#side {
	float: left;
	position:relative;
	margin-top:15px;
	width: 110px; /*Width of left column*/
	background: #FFF;
	z-index:240;/*below bocata*/
}

#getcd {
	margin: 1em 0 0 45px;
}

/* Footer */
#footer {
	margin-top: 1em;
	padding: 0;
	background: #000;
	color: #fff;
	color: #999;
	float: left;
	width: 100%;
	
	
}

#footer ul {
	margin: 0;
	list-style: none;
}

#footer ul.logos {
	list-style:none;
	width: 220px;
}

#footer ul.links {
	float: right;
	padding: 1em 1em;
}

#footer ul.links a {
	padding: 5px;
	text-transform: lowercase;
}

#footer a {
	color: #fff;
}

#footer a img {
	color: #fff;
	border: 0px;
}

#footer a hover {
	color: #fff;
	text-decoration: none;
}

.firma {
	margin: 1em;
	padding: 1em;
}

#footer p,#footer p a {
	color: #fff;
}

#footer p a:hover {
	color: #E0E9E9;
}

#footer p span {
	padding-right: 1em;
}

#footer span {
	padding-right: 1em;
}

/* accessibility tweaks */

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

hr.hide {
	display: none;
}



body {
	background: url(../logo-japo.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font: normal 13px/1.3 'Lucida Grande', FreeSans, Arial, sans-serif;
	color: #333;
	line-height: 1.1em;
	overflow-x: hidden;

}



#dlink a:visited {
	color:#EAAB02 !important;
}

a       {
        color:#000;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	display:inline-block;
}

a:active {
        color:#C11B17;
}


.new a {
	border-bottom: 1px dashed red !important;
}

.new a:hover, .new a:active {
	border-bottom: 1px solid red !important;
}

/*
** main general styles
*/

div#type {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: -28px;
	padding-left: 0px;
	width:700px;
	color: white;
}

#bocata div#type {
	float:left;
}

#bocata h1 {
       
	margin: 10px;
	line-height:1em;
	color:#000;
	margin-top:20px;
	padding-left:0px !important;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	padding-left: 100px;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
}


h3 {
	font-size: 1.1em;
	font-weight: bold;
}

#toolbar {
	float:right;
	margin-top:16px;
}

.display-name-selector{
	display: block;
	background: transparent;
	border: 1px white solid;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	min-width:50%;
	text-align:left;
	font-size: 22px;
	margin-left: 9px;
	margin-top: 23px; 
	margin-bottom: 8px;
	font-family:'Lucida Grande',FreeSans,Arial,sans-serif;
	font-weight:bold;
	height:30px;
	color: black;
}

select.display-name-selector {
	margin-top: 14px;
	margin-left: 5px;
}

.display-name-selector:focus {
	border: none;
}

.mw-newarticletext
{
	margin-top:10px;
}

#siteSub { display: none; }
#contentSub {
    font-size:2em;
    line-height: 1.2em;
    margin-top: 1em;
    color: #7d7d7d;
    width: auto;
}
span.subpages { display: block; }


/* user notification thing */
.usermessage {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-weight: bold;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}
#siteNotice {
    text-align: center;
    font-size: 95%;
    padding: 0 0.9em 0 0.9em;
}
#siteNotice p {
    margin: 0;
    padding: 0;
}
.error {
    position: relative;
    color: red;
    border: 1px solid red;
    padding: 5px;
    width:auto;
    font-size: 1em;
    margin-top: 30px;


}
#catlinks {
    padding: 3px 5px 3px 5px;
    margin-top: 1em;
}

p.catlinks {
	padding: 0;
	display: inline;
}

/* emulate center */
.center {
    width: 100%;
    text-align: center;
}
*.center * {
    margin-left: auto;
    margin-right: auto;
}
/* small for tables and similar */
.small, .small * { font-size: 94%; }
table.small { font-size: 100% }



/*
** content styles
*/


#toc {
    /*border:1px solid #2f6fab;*/
    border:1px solid #aaaaaa;
    background-color:#f9f9f9;
    padding:5px;
    font-size: 95%;
}
#toc .tocindent { margin-left: 2em; }
#toc .tocline { margin-bottom: 0px; }
#toc p { margin: 0 }
#toc .toctoggle { font-size: 94%; }
#toc .editsection {
    margin-top: 0.7em;
    font-size: 94%;
}

/* images */
div.floatright, table.floatright {
    clear: right;
    float: right;
    position: relative;
    margin: 0 0 0.5em 0.5em;
    border: 0
/*
    border: 0.5em solid White;
    border-width: 0.5em 0 0.8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
    float: left;
    position: relative;
    margin: 0 0.5em 0.5em 0;
    border: 0
/*
    margin: 0.3em 0.5em 0.5em 0;
    border: 0.5em solid White;
    border-width: 0.5em 1.4em 0.8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
    margin-bottom: 0.5em;
    border-style: solid; border-color: White;
    width: auto;
}
div.thumb div {
    border:1px solid #cccccc;
    padding: 3px !important;
    background-color:#f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    border:1px solid #cccccc;
}
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em 0 0.1em 0;
}
div.magnify {
    float: right;
    border: none !important;
    background: none !important;
}
div.magnify a, div.magnify img {
    display: block;
    border: none !important;
    background: none !important;
}
div.tright {
    clear: right;
    float: right;
    border-width: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    float: left;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}
.urlexpansion,
.hiddenStructure {
    display: none;
}
img.tex { vertical-align: middle; }
span.texhtml { font-family: serif; }

/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/

/*
** User styles
*/
/* table standards */
table.rimage {
    float:right;
    position:relative;
    margin-left:1em;
    margin-bottom:1em;
    text-align:center;
}
.toccolours {
    border:1px solid #aaaaaa;
    background-color:#f9f9f9;
    padding:5px;
    font-size: 95%;
}
div.townBox {
    position:relative;
    float:right;
    background:White;
    margin-left:1em;
    border: 1px solid gray;
    padding:0.3em;
    width: 200px;
    overflow: hidden;
    clear: right;
}
div.townBox dl {
    padding: 0;
    margin: 0 0 0.3em 0;
    font-size: 96%;
}
div.townBox dl dt {
    background: none;
    margin: 0.4em 0 0 0;
}
div.townBox dl dd {
    margin: 0.1em 0 0 1.1em;
    background-color: #f3f3f3;
}

/*
** edit views etc
*/
.special li {
    line-height: 1.4em;
    margin: 0;
    padding: 0;
}

/* Page history styling */
/* the auto-generated edit comments */
.autocomment { color: gray; }
#pagehistory span.user {
    margin-left: 1.4em;
    margin-right: 0.4em;
}
#pagehistory span.minor { font-weight: bold; }
#pagehistory li { border: 1px solid White; }
#pagehistory li.selected {
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
/*
** Diff rendering
*/
table.diff { background:white; }
td.diff-otitle { background:#ffffff; }
td.diff-ntitle { background:#ffffff; }
td.diff-addedline {
    background:#ccffcc;
    font-size: smaller;
}
td.diff-deletedline {
    background:#ffffaa;
    font-size: smaller;
}
td.diff-context {
    background:#eeeeee;
    font-size: smaller;
}
span.diffchange { color: red; font-weight: bold; }

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#mBody a[href ^="http://"],
#mBody a[href ^="gopher://"] {
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}
#mBody a[href ^="https://"],
.link-https {
    background: url("../lock_icon.gif") center right no-repeat;
    padding-right: 16px;
}
#mBody a[href ^="mailto:"],
.link-mailto {
    background: url("../mail_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#mBody a[href ^="news://"] {
    background: url("../news_icon.png") center right no-repeat;
    padding-right: 18px;
}
#mBody a[href ^="ftp://"],
.link-ftp {
    background: url("../file_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#mBody a[href ^="irc://"],
.link-irc {
    background: url("../discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;
}
/* disable interwiki styling */
#mBody a.extiw,
#mBody a.extiw:active {
    color: #3366bb;
    background: none;
    padding: 0;
}
#mBody a.external { color: #3366bb; }
/* this can be used in the content area to switch off
special external link styling */
#mBody .plainlinks a {
    background: none !important;
    padding: 0;
}
/*
** Structural Elements
*/

/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
    border: none;
    margin: 0 0 0.5em 0em;
    float: none;
    padding: 0;
    /*width: 11.6em;*/
    overflow: hidden;
}
.portlet h4 {
    font-size: 95%;
    font-weight: normal;

}
.portlet h5 {
    background: transparent;
    padding: 0em 1em 0em 0.5em;
    text-transform: lowercase;
    display: inline;
    font-size: 91%;
    height: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h6 {
    background: #ffae2e;
    border: 1px solid #2f6fab;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}
.pBody {
    font-size: 95%;
    background: none;
    border-collapse: collapse;
    border: 0px ;
    padding: 0;

}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
    margin: 0;
    padding: 0;
}
.portlet ul {

    list-style-type: square;
    list-style-image: url("../bullet.gif");

}
.portlet li {
    padding: 0;
    margin: 0;
}

/*
** the navigation portlet
*/

#p-nav {
    position:relative;
    z-index:3;
}

/*
** Search portlet
*/
#p-search {
    position:relative;
    z-index:3;
}
#p-search .pBody {
    text-align: center;
}

#head input.searchButton {
    margin-top:1px;
    margin-left:-10px;
    cursor: pointer;
    cursor: hand; /*hack for ie*/
    color:#FFF;
    font-weight:bold;
    padding:0 2px;
    border:none;
}


#no-bocata input.searchButton {

    margin-top:40px;
    margin-left:-245px;
    cursor: pointer;
    cursor: hand; /*hack for ie*/
    border: none;
    background: url('../button-post-comment.gif') no-repeat;
    
    color:#FFF;
    font-weight:bold;
    font-size:10px;
    padding:10px 11px;
    z-index:250;

}

.link {
    cursor:pointer;
}

/*
** the personal toolbar
*/

#p-personal {
    width:100%;
    white-space:nowrap;
    padding: 0;
    margin: 0;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 0;
    border: none;
    background: none;
    overflow: visible;
    line-height: 1.2em;
}

#p-personal h5 {
    display:none;
}
#p-personal .portlet,
#p-personal .pBody {
    padding:0;
    margin:0;
    border: none;
    z-index:0;
    overflow: visible;
    background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
    border: none;
    line-height: 1.4em;
    color: #2f6fab;
    padding: 0em 2em 0 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
    z-index:0;
    background: none;
}
#p-personal li {
    z-index:0;
    border:none;
    padding:0;
    display: inline;
    color: #2f6fab;
    margin-left: 1em;
    line-height: 1.2em;
    background: none;
}
#p-personal li a {
    text-decoration: none;
    color: #005896;
    padding-bottom: 0.2em;
    background: none;
}
#p-personal li a:hover {
    background-color: White;
    padding-bottom: 0.2em;
    text-decoration: none;
}


/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
    position:absolute;
    padding-right: 1em;
    top: 120px;
    right: 240px;
    white-space:nowrap;

    line-height: 1em;
    overflow: visible;
    background: none;
    border-collapse: collapse;
    z-index:120;
    list-style: none;
    /*font-size: 95%;*/
}

ul#wiki-menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	float:right;
	font-size:1.1em;
	text-transform: lowercase;
}

#bocata ul#wiki-menu {
	float:left;
	margin-left: 300px;
	margin-top: -28px;/*position:relative;*/
}

ul#wiki-menu li {
	display:inline;
}

ul#wiki-menu li a, ul#wiki-menu li a:hover {
	font-weight:normal;
	margin-left:4px;
	margin-right:4px;
}

ul#wiki-menu li a#selected, ul#wiki-menu li a#selected:hover {
	pointer:default;
	text-decoration: none;
}

ul#wiki-menu li:before {
	content:' | ';
}

ul li:first-child:before {
	content:' ' !important;
}

#p-cactions .hiddenStructure {
    display: none;
}

#p-cactions ul {
    list-style: none;
}
#p-cactions li {
    display: inline;
   /* border: 1px solid #aaaaaa;
    border-bottom: none;
    padding: 0 0 0.1em 0;*/
    margin: 0 0.3em 0 0;
    overflow: visible;
    background: White;
}
#p-cactions li.selected {
    border-color: #999;
    padding: 0 0 0.1em 0;
}
#p-cactions li a {
    background-color: White;
    /*color: #666;*/
    border: none;
    padding: 0 0.1em 0.1em 0.1em;
    text-decoration: none;
    text-transform: lowercase;
    position: relative;
    z-index: 0;
    margin: 0;
}

a.new  {
	color: black;
	border-bottom: 1px dashed red !important;
}

a.new:hover {
	border-bottom: 1px solid red !important;
}

#ca-nstab-special{
visibility:hidden;  /* important to hide this tab on searches and files mp3 pages */
}

#p-cactions .selected a { z-index: 3; }
#p-cactions .new a { color:#ba0000; }
#p-cactions li a:hover {
    z-index: 3;
    text-decoration: none;
}
#p-cactions h5 { display: none; }
#p-cactions li.istalk { margin-right: 0; }
#p-cactions li.istalk a { padding-right: 0.5em; }
#p-cactions #ca-addsection a {
    padding-left: 0.4em;
    padding-right: 0.4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk { margin-right: 1.6em; }
li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; }


/*
** the remaining portlets
*/
#p-tbx,
#p-lang {
    position:relative;
    z-index:3;
}


/* js pref toc */
#preftoc {
    float: left;
    margin: 1em 1em 1em 1em;
    width: 13em;
}
#preftoc li { border: 1px solid White; }
#preftoc li.selected {
    background-color:#f9f9f9;
    border:1px dashed #aaaaaa;
}
#preftoc a,
#preftoc a:active {
    display: block;
    color: #0014a6;
}
#prefcontrol {
    clear: both;
    float: left;
    margin-top: 1em;
}
div.prefsectiontip {
    font-size: 95%;
    margin-top: 1em;
}
fieldset.operaprefsection { margin-left: 15em }


/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
    display: inline;
    margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }


.redirectText {
	font-size:150%;
	margin:5px;
}

.printfooter {
        display: none;
}

.not_patrolled {
	background-color: #ffa;
}
div.patrollink {
	font-size: 75%;
	text-align: right;
}
span.newpage, span.minor, span.searchmatch {
	font-weight: bold;
}
span.unpatrolled {
	font-weight:bold;
	color:red;
}

span.searchmatch {
	color: red;
}
.sharedUploadNotice {
        font-style: italic;
}

span.updatedmarker {
	color:black;
	background-color:#00FF00;
}
span.newpageletter {
	font-weight:bold;
	color:black;
	background-color:yellow;
}
span.minoreditletter {
	color:black;
	background-color:#C5FFE6;
}

table.gallery {
	border:  1px solid #cccccc;
	margin:  2px;
	padding: 2px;
	background-color:#ffffff;
}

table.gallery tr {
	vertical-align:top;
}

table.gallery td {
	vertical-align:top;
	background-color:#f9f9f9;
	border: solid 2px white;
}

div.gallerybox {
	margin: 2px;
	width:  150px;
}

div.gallerybox div.thumb {
	text-align: center;
	border: 1px solid #cccccc;
	margin: 2px;
}

div.gallerytext {
	font-size: 94%;
	padding: 2px 4px;
}


hr { border: 1px solid #FFF; border-top: 1px solid #CCC; }

/* ADDED BY DEB@DRIA.ORG FOR DEVMO WIKI */

.standard-table {
	border: solid black 1px;
	border-collapse: collapse;
}

.standard-table td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: solid #BBB 1px;
}

.standard-table td.header, .standard-table th {
	font-weight: bold;
	background: #DDD;
	border: solid #BBB 1px;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

.fullwidth-table {
	border: solid #666 1px;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	background: #FFF;
}

.fullwidth-table td {
	text-align: left;
	vertical-align: top;
	padding: 5px 15px 5px 15px;
	border: solid #BBB 1px;
}

.fullwidth-table td.header, .fullwidth-table th {
	background: #DDD;
	border: solid #BBB 1px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding: 0px 5px 0px 5px;
}

div.breadcrumbs {
	border: solid #888 1px;
	padding: 0px 5px 0px 5px;
	background: #DDD;
	margin: 5px 0px 10px 0px;
	font-size: 0.9em;
}

div.breadcrumbs a.breadcrumbs {
	text-decoration: none;
}

div.breadcrumbs span.breadcrumbs {
	font-weight: bold;
}

pre {
	background: #EEE;
	border: dashed #666 1px;
	padding: 15px 20px 15px 20px;
	overflow: auto;
}

div.tip {
	border: solid green 2px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #DFD;
}

div.bug, div.warning {
	border: solid red 2px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #FDD;
}

div.note {
	border: solid goldenrod 2px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px 10px 0px;
	background: #FFD;
	color: #000;
}

div.note:before {
	content: "";
}

.float-left {
	float: left;
	padding: 5px;
}

.float-right {
	float: right;
	padding: 5px;
}

.figure {
	/* for future use */
}

.originaldocinfo {
	font-size: 0.8em;
	background: #FFD;
	border: solid #CCE 1px;
	width: auto;
	padding: 0px 10px 0px 10px;
	margin: 15px 0px 15px 0px;
}

.originaldocinfo p {
	line-height: 0.8em;
}

.originaldocinfo h2 {
	font-size: 1.3em;
	font-weight: bold;
}

.licenseblock {
	border: dashed #888 1px;
	background: #DDD;
	font-size: 0.8em;
	padding: 0px 10px 0px 10px;
}

code {
	font-size: 1.2em;
}

.wrong-source-code {
	color: #D00;
}

.right-source-code {
	color: #0A0;
}

.template-toc {
	background: #DDD;
	font-size: 0.9em;
	border: solid black 1px;
	padding: 0px 10px 0px 10px;
	margin: 15px 0px 15px 0px;
	width: auto;
}

.prevnext {
	font-size: 0.9em;
	margin: 10px 0px 20px 0px;
}

div.highlight {
	border-left: solid blue 3px;
	padding-left: 15px;
}

span.highlightblue {
	color: blue;
}

span.highlightred {
	color: red;
}

.side-note {
	width: auto;
	padding: 0px 20px 0px 20px;
	margin: 10px 0px 10px 0px;
	border: solid #666 1px;
	background: #EEE;
}

.side-note-left {
	float:left;
	width: 40%;
	padding: 0px 20px 0px 20px;
	margin: 10px 10px 10px 0px;
	border: solid #666 1px;
	background: #EEE;
}

.side-note-right {
	float:right;
	width: 40%;
	padding: 0px 20px 0px 20px;
	margin: 10px 0px 10px 10px;
	border: solid #666 1px;
	background: #EEE;
}

/* new for devmo topic pages */

.callout-box {
	float:right;
	border: solid black 1px;
	text-align: center;
	width: 200px;
	margin: 0px 0px 15px 15px;
	padding: 10px;
	background: #EEE;
}

.topicpage-table {
	width: 100%;
}

.topicpage-table td  {
	width: 50%;
	vertical-align: top;
	padding: 10px;
}

.alllinks {
	font-size: 10px;
	float:right;
}

.date {
	color: #668;
	font-style: italic;
}

.disambig {
	font-size: 0.9em;
	border-top: solid #AAA 1px;
	border-bottom: solid #AAA 1px;
}

.notice {
	font-size: 0.9em;
	border: solid #AAA 1px;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

/* Meet the Community */
.random-users-avatars {
	padding: 0px 0px 0px 10px;
	width:auto;
	height:auto;
}
 
.random-users-avatars h2 {
	border-bottom: none;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 8px 0px;
}
 
.random-users-avatars img {
	border: 1px solid #DCDCDC;
	display: block;
	float: left;
	height: 50px;
	margin: 0px 8px 8px 0px;
	width: 50px;
}






	dt {
		font-weight: bold;
	}


	sup {
		font-size: 70%;
	}

	form {
		margin: 0;
		/*display: inline;*/
	}

	label {
		font-weight: bold;
	}

/* General Structure */

	.subtitle {
		font-style: italic;
	}

	div.para {
		margin: 1em 0;
	}

	div.para > ul,
	div.para > ol,
	div.para > blockquote {
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}

	div.section {
		display: block;
		padding-left: 3%;
	}

	div.section > h2,
	div.section > h3,
	div.section > h4,
	div.section > h5,
	div.section > h6 {
		margin-left: -1.3%;
	}

	.block {
	  display: block;
	  margin: 0.1em 1em;
	}

	.imgright {
		float: right;
		margin: 0 0 2em 2em;
	}

	.first {
		margin-top: 0; /* For IE not understanding first:child */
	}


/* Quotations */

	blockquote > address {
		padding-left: 1em;
		text-indent: -1em;
	}
	blockquote > address:before {
		content: "\2015";
	}

	div.quote,
	div.epigraph {
		margin: 1em;
	}
	div.quote q,
	div.epigraph q {
		display: block;
		margin: 0 .5em;
		text-indent: -0.5em;
	}
	div.quote cite,
	div.epigraph cite {
		display: block;
		padding: 0 1em;
		text-align: right;
		text-indent: -1em;
	}
	div.quote cite:before,
	div.epigraph cite:before {
		content: "\2015";
	}

	blockquote.epigraph,
	div.epigraph q {
		font-style: italic;
		text-align: right;
	}
	blockquote.epigraph em,
	div.epigraph q em {
		font-style: normal;
	}
	blockquote.epigraph address,
	div.epigraph cite {
		font-style: normal;
	}

/* Comments and other Asides */

	.note {
		font-style: italic;
	}
	.note:before {
		content: "Note: ";
	}

	.remark {
		font-size: smaller;
	}
	.remark:before {
		content: "[";
	}
	.remark:after {
		content: "]";
	}

	.sidenote {
		clear: both;
		margin: 0.75em 0.5em;
		padding: 0.2em;
		border: 1px solid;


	}
	/* Reduce main header sizes */
	.sidenote h1 {font-size: 1.40em;}
	.sidenote h2 {font-size: 1.25em;}
	.sidenote h3 {font-size: 1.10em;}

	.key-point > h1:first-child,
	.key-point > h2:first-child,
	.key-point > h3:first-child,
	.key-point > h4:first-child,
	.key-point > h5:first-child,
	.key-point > h6:first-child {
		margin-top: 0;
	}

/* Emphasis */

	/* em, strong */

	strong.stronger {
		font-style: italic;
		font-weight: bold;
	}

	strong.very-strong {
		font-weight: bold;
		text-transform: uppercase;
	}

	*.important,
	div.important,
	p.important {
		margin: 1em;
		padding: 0.1em;
		border: solid #F00;
		font-size: larger;
	}

	span.important {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: smaller;
		color: #c00;
	}

/* Computers - General */

	pre.screen {
		overflow: auto;
		margin: 1em 0.5em;
		padding: 0.2em;
		border: solid 1px;
		font-family: monospace;
		white-space: pre;
	}

	div.screen {
		margin: 1em .5em;
		padding: 0.2em;
		border: solid 1px;
	}

	span.application {
		font-style: italic;
	}

	kbd.long {
		display: block;
		margin: 0.1em 1em;
	}

	kbd.command,
	code.command {
		white-space: pre;
	}

	code.filename {
		font-style: italic;
		white-space: nowrap;
	}

/* Code */

	code, pre {
		/* override IE6 default */
		font-size: 1em;
	}

	code {
		white-space: nowrap;
	}
	code.long {
		display: block;
		margin: 0.1em 1em;
		white-space: normal;
	}

	pre.code {
		overflow: auto;
		margin: 1em .5em;
		padding: .2em;
		border: solid 1px;
	}

	pre.code .remark {
		font-size: 1em;
		font-style: italic;
	}

	/* turn off content generation */
	pre.code .remark:before,
	pre.code .remark:after,
	pre.code .note:before {
		content: "";
	}


/* Examples and Figures */

	.example {
		margin: 1em 3%;
		padding: .25em;
		border: solid;
	}
	.example:before {
		display: block;
		font-weight: bold;
		content: "Example";
	}
	.example[title]:before {
		content: "Example: " attr(title);
	}

	pre.bad,
	div.bad {
		border: dashed red 3px;
	}
	.bad.example:before {
		content: "Incorrect Example";
	}
	.bad.example[title]:before {
		content: "Incorrect Example: " attr(title);
	}

	pre.good,
	div.good {
		border: double lime 3px;
	}
	.good.example:before {
		content: "Correct Example";
	}
	.good.example[title]:before {
		content: "Correct Example: " attr(title);
	}

	.figure,
	.screenshot {
		display: block;
		margin: .75em auto;
	}
	object.figure object,
	object.screenshot object,
	object.figure img,
	object.screenshot object {
		display: block;
		margin: 0 auto;
	}
	.screenshot[title]:after,
	.figure[title]:after {
		display: block;
		margin: 0 8% .05em;
		font-style: italic;
		font-size: small;
		text-align: right;
		content: attr(title);
	}

	.co,
	.callout {
		text-decoration: underline;
	}

/* Q and A (FAQ) */

	.qandaset .question {
		font-size: large;
		font-weight: bold;
	}

	.qandaset .answer {
		margin-top: 1em;
	}

/* Tables */

	table.data {
		border-collapse: collapse;
		margin: 0.5em auto;
		border: 1px solid;
	}

	table.data caption {
		margin: 1em auto 0.2em;
		font-size: small;
		font-style: italic;
		text-align: center;
	}

	table.data th,
	table.data td {
		padding: 0.2em;
		border: 1px solid;
		vertical-align: baseline;
	}

	table.data tbody th:first-child {
		text-align: right;
	}

	table.data thead th {
		vertical-align: bottom;
	}

/* Meta */

	address {
		text-align: right;
	}
	.author {
		margin-bottom: 1em;
		text-align: left;
	}

/*tagcloud*/


#tagcloudBrowsetags {
  position:relative;
  list-style-type:none;
  margin-top:10px;
  float:none !important;
  width: 100%;
  text-align:center;
  line-height:1.6em;
  z-index:121;/*below bocata*/
}


.tagcloud {
  position:relative;
  list-style-type:none;
  margin-top:90px;
  float:right !important;
  right:0px;
  width: 170px;
  text-align:center;
  line-height:1.6em;
  z-index:121;/*below bocata*/
}

.tagcloud li {
  display:inline;
}

.tagcloud ul, ol {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}

.tagcloud a {
  padding-right:2px;
  font-weight:bold;
}

a.tag {
  display:inline !important;
  color: #999;
  text-decoration:none;
  border:none;
}
a.tag:hover {
  text-decoration:underline;
  border:none !important;
}


/*menu_column*/

.menu_column1 {
  background: url(../mini_songs_logo.gif) no-repeat top left;
  position:relative;
  width: 170px;
  text-align:left;
  line-height:1.1em;
}


.menu_column2 {
  background: url(../mini_wiki_logo.gif) no-repeat top left;
  position:relative;
  text-align:left;
  line-height:1.1em;
}

.menu_column3 {
  background: url(../mini_community_logo.gif) no-repeat top left;
  position:relative;
  text-align:left;
  line-height:1.1em;
}






.menu_column1 h4{
    padding-left: 56px;
    padding-top: 8px;
    min-height: 50px;
    height: 20px;
    font-size: 18px;
    margin:0px
   
}

.menu_column2 h4{
    padding-left: 56px;
    padding-top: 8px;
    min-height: 50px;
    height: 20px;
    font-size: 18px;
    margin: 0px;
}

.menu_column3 h4{
    padding-left: 56px;
    padding-top: 6px;
    min-height: 30px;
    height: 20px;
    font-size: 18px;
    margin: 0px;

}




/* home modules *****************************************************/

#hotfiles {
  font-size:1em;
  font-weight:bold;
  background-color:transparent;
  right:10px;
}


#hotfiles p{
  
  padding-left: 10px;
  padding-right: 10px;
  font-size:0.9em;
}


.home_module {
	width: 49%;
	margin: 2px;
	float: left;
	min-height: 120px;
}

.home_module h2 {
	margin-left: 90px;
	margin-bottom: 0px;
	font-size: 22px;
	height: 25px;
}

#whatshot, #popsongs, #albums {
	background: url(../p2p.gif) no-repeat top left;
}

#artistoftheday{
	background: url(../wiki.gif) no-repeat top left;
        float: left;
	min-height: 120px;
}


#artistoftheday h2 {
	margin-left: 0px;
        font-size: 22px;
}


#artistoftheday h3 {
	margin-left: 0px;
        font-size: 28px;
}

#wikientry{
	background: url(../wiki.gif) no-repeat top left;
	width: 100%;
}



#lastcomments {
	background: url(../community.gif) no-repeat top left;
	width: 100%;
}

#usercomments {
	background: url(../community.gif) no-repeat top left;
	width: 100%;
	margin-top:30px;
	margin-bottom:30px;
}

#usercomments h2{
	font-size:22px;
	height:25px;
	margin-bottom:0;
	margin-left:90px;
}

#lastcomments_show{
	margin-top:15px;
	padding:10px;	
}

#mostfavorited {
	width: 50%;
	float: left;
	background: url(../community.gif) no-repeat top left;
	
}

#mostfavorited ul {
	left:0;
	margin-top:20px;
        margin-left: 0px;
	text-align:left;
	list-style: none !important;
	list-style-image:none;
	list-style-position:outside;
	position:relative;
        float: left;
}




#activeusers {
	width: 50%;
	float: left;
	background: url(../community.gif) no-repeat top left;
	
}

#activeusers ul 
{
	left:0;
	margin-top:20px;
	text-align:left;
	list-style: none !important;
	list-style-image:none;
	list-style-position:outside;
	position:relative;
	
}

#activeusers li {
	display:inline;
	float:left;
	width: 50%;
	font-weight: normal;
}

#activeusers span{
	margin-bottom:0;
	padding-top:10px;
	float:left;
	padding-left:10px;
}

.home_module2{
	background-color:transparent;
	border-bottom-color:#5D8AA8;
	border-bottom-style:solid;
	border-bottom-width:3px;
	
	border-top-color:#5D8AA8;
	border-top-style:solid;
	border-top-width:3px;
	padding-bottom:0.5em;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.5em;
	margin:10px;
}

#no-bocata .didyoumean {
	margin-left: 100px;
}

/* searchresults */
.searchpreamble {
  font-size: 14px;
  line-height: 25px;
}

.searchepilogue {
  font-size:11px;
  line-height: 25px;
  margin-left:22px;
}

table.searchresults {
  width:100%;
  border: none;
  table-layout:fixed;
  background: url(../hotback.gif) no-repeat top left #828282;
}

#bocata .searchresults {
  background: #828282;
}

.searchresults .filesheader, .searchresults tr.filesheader:hover {
  color: white;
  max-height: 20px;
  font-weight: bold;
  text-align:center;
  background:transparent !important;
}
 
hr.searchresults {
  height: 1px;
  background-color: #BB0000;
  color: #BB0000;
  border: none;
}
.searchresults tbody.expanded tr.doubt {
  display:table-row;
}

.searchresults tbody .link {
  display: none;
}

.searchresults tbody.collapsed .link, .searchresults tbody.expanded .link {
  display: inline;
}

.searchresults tr {
  background-color: white;
}

.searchresults tr.alt, .searchresults tbody.alt tr {
  background-color: #dedede;
}

.searchresults tbody tr.doubt {
  background-color:#FFF8F8;
  display:none;
}

.searchresults tr.doubt td a{
  color: #999999;
}

.searchresults tr:hover, #tsearch.searchresults tbody:hover tr {
  background-color: #fad1cc;
}

.searchresults td {
  padding: 3px;
  padding-top: 5px;
}

td.ellipsis {
  width: auto !important;
}

.ellipsis a {
  white-space:nowrap;
  text-overflow:ellipsis; /* for internet explorer */
  overflow:hidden;
  display:inline-block;
  max-width: 95%;
}

/*td.artist {
  text-align: center;
}*/

td.lenght {
  text-align: center;
}

.searchresults td.year
{
  text-align:center;
  width: 30px;
}

.searchresults td.track
{
  text-align:right;
  color: #999999;
  width: 20px;
}

.searchresults td.length
{
  text-align:right;
  color: #999999;
  width: 50px;
}

.searchresults td.pop {
  text-align:center;
}

.searchresults td.filename {
  font-size:10px;
  padding-left:10px;
  color: #333333;
  padding-bottom:0;
  padding-right:0;
  padding-top:0;;
}

/*
.searchresults td.pop img {
  position: relative;
}
/*
.searchresults td.pop:first-line {
  top:0px;
}*/

.paging
{
  text-align: right;
}


.paging a
{
  font-weight: normal;
}

.paging .cp
{
  color: #BB0000;
  font-weight: bold;
}
/*Status*/
#input_status{
	width:100%;
	font-size:200%;
	margin:5px 0;
